<template>
    <div>
        <van-row type="flex" justify="center"
            style="height: 25vh; align-items:center; background: linear-gradient(to top,#f16c6c8a ,#edeb61);">
            <van-col span="8">
                <van-image round style="width: 24vw; height: 12vh;" src="
https://sns-avatar-qc.xhscdn.com/avatar/6437855abdd3d10914319228.jpg?imageView2/2/w/60/format/webp|imageMogr2/strip"/>
            </van-col>
            <van-col span="12">
                <p style="color: rgb(206, 70, 67);">账户名:农夫山泉</p>
                <p style="color: rgb(148, 240, 57);">账户余额:99999</p>
            </van-col>
        </van-row>

        <van-grid square :border=false style="margin-top: 30px; ">
            <van-grid-item v-for="(item, index) in message" :key="index" :icon="item.icon" :text="item.name" />
        </van-grid>
    </div>
</template>

<script>

export default {
    name: 'BusinessMy',

    data() {
        return {
            message: [
                { name: "我的订单", icon: "coupon-o" },
                { name: "优惠卷", icon: "vip-card-o" },
                { name: "我的足迹", icon: "eye-o" },
                { name: "我的收藏", icon: "star-o" },
                { name: "地址管理", icon: "newspaper-o" },
                { name: "联系客服", icon: "service - o" },
                { name: "帮助中心", icon: "phone - o" },
                { name: "意见反馈", icon: "edit" }]
        };
    },

    mounted() {

    },

    methods: {

    },
};
</script>

<style lang="less" scoped></style>